.Aside{
    height: 100%;
    padding-bottom: 0px;
    margin-bottom: 0px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: $Default-color;

    box-shadow: 0 4px 0px 0 rgba(0,0,0,.08);
}

.Aside__Menu{
    // height: calc(100vh - 140px);
    width: 300px;

    border-right: solid 0px #ffffff !important;
    overflow-y : auto;

    .el-menu-item, .el-submenu__title{

        &:hover{
            color:$Primary-color !important;
            background-color:$border-Primary-2-color !important;

            &:hover i{
                color:$Primary-color !important;
            }
        }
    }
}

.Aside__Tool{
    padding-bottom: 10px;
    padding-top: 30px;
    padding-left: 20px;
}

.Aside__Footer{
    // height: 200px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    // margin-bottom: 200px;
    // position: absolute;
    width: 100%;
    // bottom: 0px;
    // left: 0px;
    height: 200px;

    display: flex;
    //flex-direction:row-reverse;
    flex-direction:column;
    justify-content: center;

    .el-button{
        border-radius: 0px !important;
        height: 100%;
    }

    .collapse__btn{
        width: 100%;
    }

    .version__btn{
        width: 100%;
    }
}